.fullpage .section.sec1, .fullpage .section.sec4, .fullpage .section.sec2 {
    background-size: cover;
    background-position: center center
}
.fullpage .section .float-mask {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    transition: -webkit-transform .6s cubic-bezier(.165, .84, .44, 1);
    transition: transform .6s cubic-bezier(.165, .84, .44, 1);
    transition: transform .6s cubic-bezier(.165, .84, .44, 1), -webkit-transform .6s cubic-bezier(.165, .84, .44, 1);
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 1375px;
    height: 1000px;
    right: 0;
    bottom: 0;
    margin: auto
}

.fullpage .section.sec2 {
    background-color: #ededed;
    background-image: url(./images/common/bg-gradient.png)
}

.fullpage .section.sec2.leave {
    -webkit-animation: fade-out .5s ease-in-out both;
    animation: fade-out .5s ease-in-out both
}

.fullpage .section.sec2.enter {
    -webkit-animation: fade-in .5s ease-in-out both;
    animation: fade-in .5s ease-in-out both
}
.fullpage .section.sec2 .section-ct{
    width: 100%;
    display: block;
}

.fullpage .section.sec2  {
    width: 100%;
}

.fullpage .section.sec2 .text-content {
    text-align: center;
    padding-top: 10%;
    -webkit-animation-duration: 0s;
    animation-duration: 0s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-name: zoom-in;
    animation-name: zoom-in
}

.fullpage .section.sec2 .text-content h3 {
    font-size: 40px;
}
.fullpage .section.sec2 .text-content p{
    font-size: 15px;
    line-height: 30px;
}

.fullpage .section.sec2 .center {
    text-align: center;
    opacity: 1;
    margin-top: 2%;
    color: #bd9f40;
    font-size: 1vw;
    transition: opacity .1s ease
}
.fullpage .section.sec2 .center a{
    cursor:pointer;
    display: block;
    margin-top: 2%;
}
.fullpage .section.sec2 .center span{
    border-radius: 5%;
    background-color: #ffd200;
    padding: 5px 14px;
    margin-top: 1%;
}

.fullpage .section.sec2 .bottom {
    top: 145%;
    position: absolute;
    opacity: 0;
    transition: opacity .1s ease;
    left: 24%;
}

.fullpage .section.sec2 .bottom .sub {
    padding-left: 26%;
    text-align: left;
    width: 100%;
}

.fullpage .section.sec2 .bottom .sub p {
    color: #2d2d2d;
    font-size: 1vw;
    margin: 0;
}

.fullpage .section.sec2  .bottom .sub p.box-l, .fullpage .section.sec2  .bottom .sub p.box-r {
    text-align: center;
    font-size: 12px;
    font-family: Avenir, 'Helvetica Neue', Helvetica, Arial, 'Source Han Sans TC', 'Source Han Sans', 'Nimbus Sans L', 'Liberation Sans', 'Hiragino Sans GB', 'Nota Han Sans', 'Microsoft YaHei', 'Droid Sans', 'Droid Sans Fallback', 'Wenquanyi Micro Hei ', 'WenQuanYi Zen Hei', 'ST Heiti', SimHei, 'WenQuanYi Zen Hei Sharp', sans-serif;
    margin: 0
}

.fullpage .section.sec2  .bottom .sub p.box-l .upper, .fullpage .section.sec2  .bottom .sub p.box-r .upper {
    font-size: 22px;
    font-family: Roboto, "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "Hiragino Sans GB", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
    -webkit-text-stroke-width: .2px;
    font-weight: 100;
    color: #2d2d2d;
    display: block;
    margin: 6px 0 0;
    text-align: center
}

.fullpage .section.sec2  .bottom .sub:after, .fullpage .section.sec2  .bottom .sub:before, .fullpage .section.sec2  .bottom:after, .fullpage .section.sec2  .bottom:before {
    display: table;
    content: " "
}

.fullpage .section.sec2  .bottom .sub .box-l {
    float: left;
    border-right: 1px solid rgba(0, 0, 0, .1);
    padding-right: 5em
}

.fullpage .section.sec2  .bottom .sub .box-r {
    float: left;
    padding-left: 2em
}

.fullpage .section.sec2 .animate-ct {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 1375px;
    height: 1000px;
    margin: auto
}
.fullpage .section.sec2 .animate-ct .cam-left{
    bottom: 2%;
    left: -40%;
    width: 21%;
    position: absolute;
}
.fullpage .section.sec2 .animate-ct .cam-right{
    bottom: 2%;
    right: -40%;
    width: 20%;
    position: absolute;
}
.fullpage .section.sec2 .animate-ct .cam-center{
    z-index: 99;
    bottom: -43%;
    left: 34%;
    width: 35%;
    position: absolute;
}
.fullpage .section.sec3 .animate-ct .block.block-1, .fullpage .section.sec3 .animate-ct .block.block-2, .fullpage .section.sec3 .animate-ct .block.block-3, .fullpage .section.sec3 .animate-ct .block.block-4, .fullpage .section.sec6, .fullpage .section.sec7, .fullpage .section.sec1, .fullpage .section.sec1 {
    background-size: cover;
    background-position: center center
}


.fullpage .section.sec1 {
    background-image: url(images/bottom.jpg);
    background-color: #040203;
    font-size: 25vw;
    font-weight: 700
}

.fullpage .section.sec1.leave {
    -webkit-animation: fade-out .5s ease-in-out both;
    animation: fade-out .5s ease-in-out both
}

.fullpage .section.sec1.enter {
    -webkit-animation: fade-in .5s ease-in-out both;
    animation: fade-in .5s ease-in-out both
}

.fullpage .section.sec1  {
    height: 100%;
}
.fullpage .section.sec1 .top-text{
    line-height: 45px;
    color: #fff;
    font-size: 30px;
    top: -5%;
    position: absolute;
    left: 12.5%;
    text-align: left;
}
.fullpage .section.sec1 .top-text p {
    font-family: KaiGenGothicSC-ExtraLight;
    font-size: 34px;
}
.fullpage .section.sec1 .top-text span {
    font-size: 24px;
}

.fullpage .section.sec1  .top p.small {
    font-size: 18px;
    margin-top: 16px
}

.fullpage .section.sec1  .center {
    width: 100%;
    height: 100%;
    top: 27%;
    position: absolute;
    left: 75%;
}
.fullpage .section.sec1  .center .float-img-0{
    bottom: 50%;
    left: 45%;
    z-index: 1;
    width: 14%;
}

.fullpage .section.sec1 .float-mask {
    cursor: default;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    transition: -webkit-transform .6s cubic-bezier(.165, .84, .44, 1);
    transition: transform .6s cubic-bezier(.165, .84, .44, 1);
    transition: transform .6s cubic-bezier(.165, .84, .44, 1), -webkit-transform .6s cubic-bezier(.165, .84, .44, 1);
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 1375px;
    height: 1000px;
    right: 0;
    bottom: 0;
    margin: auto
}

.fullpage .section.sec1 .float-mask img {
    cursor:pointer;
    position: absolute;
    opacity: 1;
    transition: all .3s ease;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.fullpage .section.sec1 .float-mask .fload-img img:hover {
    z-index: 100;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 1
}
.fullpage .section.sec1 .background .float-img-0 {
    position: absolute;
    width: 32%;
    left: 35%;
    bottom: -80%;
}

.fullpage .section.sec1 .float-mask .float-img-1 {
    position: absolute;
    left: 30%;
    top: 18%;
    z-index: 1;
    width: 14%;
}

.fullpage .section.sec1 .float-mask .float-img-2 {
    position: absolute;
    left: 25%;
    top: 20%;
    opacity: 0;
    width: 20%;
}

.fullpage .section.sec1 .float-mask .float-img-3 {
    position: absolute;
    left: 23%;
    top: 2%;
    opacity: 0;
    width: 20%;
}

.fullpage .section.sec1 .float-mask .float-img-4 {
    position: absolute;
    left: -15%;
    bottom: 47.5%;
    width: 100%;
}
.fullpage .section.sec1 .float-mask .float-img-4 img{
    width: 4%;
    z-index: 99;
}

.fullpage .section.sec1 .float-mask .float-img-5 {
    position: absolute;
    width: 100%;
    bottom: 42%;
    right: -105%;
}
.fullpage .section.sec1 .float-mask .float-img-5 img{
    width: 4%;
}

.fullpage .section.sec1 .float-mask .float-img-6 {
    top: 35%;
    position: absolute;
    width: 100%;
    right: -105%;
}
.fullpage .section.sec1 .float-mask .float-img-6 img{
    width: 4%;
}
.bt{
    position: absolute;
    bottom: 32%;
    left: 13%;
}